<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/home/home.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />
	</head>

	<body id="imgWrap" style="width:100%;height: 100%;">
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<div id="hoems">
			<header class="mui-bar mui-bar-nav header">
				<!--<span class="mui-pull-left location"></span>-->
				<h1 class="mui-title">一起阅读</h1>
				<!--<a class="mui-pull-right saoma" href="xianqing.html"><img src="../../imges/366961394183948353.png" /></a>-->
				<div class="mui-pull-right saoma clsopen" href="news.html">

					<a v-if="judgeUnReadMessage != 0" v-text>{{judgeUnReadMessage}}</a> <img src="../../imges/xinxi.png" />
				</div>
			</header>
			<div class="mui-content">
				<!--广告-->
				<div class="marquee" v-if="notice != ''">
					<div class="laba"><img src="../../imges/laba.png" /></div>
					<ul class="marquee_ul">
						<li class="marquee_li" v-for="notice in notice" v-cloak>{{notice}}</li>
						<!--<<li class="marquee_li">莱昂纳多刚刚完成了《狼王梦》的阅读计划。</li>
					<li class="marquee_li">莱昂纳多刚刚完成了《狼王梦》的阅读计划。</li>-->
					</ul>
				</div>
				<div id="offCanvasContentScroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--轮播-->
						<div id="slider" class="mui-slider">
							<div class="mui-slider-group mui-slider-loop">
								<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
								<div class="mui-slider-item mui-slider-item-duplicate">
									<a href="#">
										<img :src="imgurl" />
									</a>
								</div>
								<!-- 第一张 -->
								<div class="mui-slider-item" v-for="items in list">
									<a href="#">
										<img :src="items.url" />
									</a>
								</div>
								<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
								<div class="mui-slider-item mui-slider-item-duplicate">
									<a href="#">
										<img :src="imgurl" />
									</a>
								</div>
							</div>
							<div class="mui-slider-indicator">
								<div class="mui-indicator mui-active"></div>
								<div class="mui-indicator"></div>
							</div>
						</div>
						<div>
							<div class="recommend">
								<div class="recommendedbooks">推荐书籍</div>
								<div class="more">查看更多</div>
							</div>
							<div class="books">

								<div v-for="aa in booknum" :bookid="aa.bookId" :bookuid="aa.bookUid" class="classbooks">
									<div class="booksimg">
										
										<img src="../../imges/jpimageshomeerrorimage.png"    v-lazy="aa.bookPic" v-cloak />
									</div>
									<div class="booksname" v-cloak>{{aa.bookName}}</div>
								</div>
							</div>
						</div>

						<div class="main">
							<div class="modular read clsopen" href="../reading/TeacherProgram.html">
								<div class="read_img"><img src="../../imges/Group 14910.png"></div>
								<div class="read_text">
									<div class="read_title">阅读计划</div>
									<div class="read_main">磨刀不误砍柴工，来制定个计划吧！</div>
								</div>
								<div>
									<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
									<!--<div class="reada">1</div>-->
								</div>

							</div>
							<div class="modular readsquare">
								<div class="readsquare_img"><img src="../../imges/66646895766875147.png" /></div>
								<div class="read_text">
									<div class="read_title">一起朗读</div>
									<div class="read_main">和小伙伴一起大声读出来</div>
								</div>
								<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
								<!--<div class="readb">13</div>-->
							</div>
							<div class="modular master clsopen" href="read.html">
								<div class="master_img"><img src="../../imges/Group 1103.png" /></div>
								<div class="read_text">
									<div class="read_title">阅读达人榜</div>
									<div class="read_main">每天进步一点点,你也能上榜</div>
								</div>
								<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
								<!--<div class="readc" >13</div>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--<a href="../reading/TeacherProgram.html"></a>-->

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/home/home.js"></script>
	</body>

</html>